<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="page-view-size" content="1280*720" />
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <title>机试hard</title>
    <script type="text/javascript">
        var deviceWidth = parseInt(window.screen.width); //获取当前设备的屏幕宽度
        var deviceScale = deviceWidth / 1280; //得到当前设备屏幕与640之间的比例，之后我们就可以将网页宽度固定为640px
        var ua = navigator.userAgent;
        //获取当前设备类型（安卓或苹果）
        if (/Android (\d+\.\d+)/.test(ua)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
                document.write('<meta name="viewport" content="width=1280,initial-scale=' + deviceScale +
                    ', minimum-scale = ' + deviceScale + ', maximum-scale = ' + deviceScale +
                    ', target-densitydpi=device-dpi">');
            } else {
                document.write(
                    '<meta name="viewport" content="width=1280,initial-scale=0.75,maximum-scale=0.75,minimum-scale=0.75,target-densitydpi=device-dpi" />'
                );
            }
        } else {
            document.write('<meta name="viewport" content="width=1280, user-scalable=no">');
        }
    </script>
    <!--css引用-->
    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <link href="css/hard.css" rel="stylesheet" type="text/css" />

    <!--SEO(重要)-->
    <meta name="keywords"
          content="">
    <meta name="description"
          content="">
    <!--SEO(重要) end-->

    <!--注：告诉设备不要将页面中的数字识别为电话号码-->
    <meta content="email=no" name="format-detection" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">

</head>

<body>
<div id="debug"></div>

<div>
       <!-- 请在这里写html代码后把下面图片去掉 -->
	   <!-- 纯前端机试就使用test.json进行数据渲染 -->
<img src="imgs/hard.png" alt="请实现图片中的要求" style="width: 600px;float: left;"/>
<img src="imgs/hard.gif" alt="请实现图片中的要求" style="width: 600px;float: right;"/>
</div>

</body>
<script type="text/javascript" src="js/epg.js"></script>
<script type="text/javascript" src="js/epg-debug.js"></script>
<script type="text/javascript">
    var __debug;
    __debug = new Debug('debug');
    document.getElementById('debug').style.backgroundColor = 'rgba(0,0,0,0.8)';
    document.getElementById('debug').style.wordBreak = 'break-all';
    var output = {"测试输出":1111};
    __debug.print("输出内容",output);
</script>

</html>

